html {
	height: 100%;
	font-size: 16px;
	body {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
}
.badge_title {
	background-color: #4294ff;
	.badge_title_top {
		height: 3rem;
		line-height: 3rem;
		color: white;
		border-bottom: 2px solid #1b85fb;
	}
	.title_list {
		height: 7rem;
		li:first-child {
			margin-left: 1.25rem;
			p {
				margin-top: 0.4rem;
			}
			p:first-child {
				font-size: 1.875rem;
				color: #f9eeff;
			}
			p:nth-child(2) {
				color: #72ccf7;
				font-size: 1.6rem;
			}
		}
		li:nth-child(2) {
			background: url(../../assets/images/index-card-badge.png) no-repeat right
				center/6rem 6rem;
			p {
				text-align: center;
				font-size: 4rem;
				color: #fff;
				font-weight: 700;
			}
		}
	}
}
.badge_main {
	flex: 1;
	// background-color: aqua;
	.main_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 0.9375rem;
		li {
			width: 30%;
			height: 8rem;
			text-align: center;
			margin-top: 0.9375rem;

			img {
				width: 80px;
				height: 80px;
			}
			p {
				margin-top: 0.9375rem;
				font-size: 14px;
			}
		}
	}
}
